/* 登录页思路分析
1.切换登录与注册盒子
2.登录功能
3.注册功能
*/

// 登录盒子切换注册盒子
document.querySelector('.login a').addEventListener('click', function () {
  document.querySelector('.login').style.display = 'none'
  document.querySelector('.register').style.display = 'block'
})
// 注册盒子切换登录盒子
document.querySelector('.register a').addEventListener('click', function () {
  document.querySelector('.register').style.display = 'none'
  document.querySelector('.login').style.display = 'block'
})

// 注册功能
document.querySelector('.register button').addEventListener('click', function (e) {
  // 阻止默认跳转
  e.preventDefault()
  // 表单非空判断
  if (Array.from(document.querySelectorAll('.register input')).some(item => item.value === '')) {
    return Toast.fail('用户名或密码不可为空')
  }
  // 表单正则判断
  if (Array.from(document.querySelectorAll('.register input')).some(item => /^\w{6,15}$/.test(item.value) === false)) {
    return Toast.fail('用户名或密码为6到15位')
  }
  // ajax发送post请求
  axios({
    method: 'post',
    url: '/api/register',
    data: {
      username: document.querySelector('.register [type="text"]').value,
      password: document.querySelector('.register              [type="password"]').value
    }
  }).then(res => {
    // 响应请求
    console.log(res)
    // 结果
    if (res.data.code == 0) {
      Toast.success(res.data.message)
      // 回到登录盒子
      document.querySelector('.register a').click()
      // 清空输入的内容
      document.querySelector('form').reset()
    } else {
      Toast.info(res.data.message)
    }
  })
})

// 登录功能
document.querySelector('.login button').addEventListener('click', function (e) {
  // 阻止默认跳转
  e.preventDefault()
  // 表单非空判断
  if (Array.from(document.querySelectorAll('.login input')).some(item => item.value === '')) {
    return Toast.fail('用户名或密码不可为空')
  }
  // 表单正则判断
  if (Array.from(document.querySelectorAll('.login input')).some(item => /^\w{6,15}$/.test(item.value) === false)) {
    return Toast.fail('用户名或密码为6到15位')
  }
  // ajax发送post请求
  axios({
    method: 'post',
    url: '/api/login',
    data: {
      username: document.querySelector('.login [type="text"]').value,
      password: document.querySelector('.login [type="password"]').value
    }
  }).then(res => {
    // 响应请求
    console.log(res)
    // 结果
    if (res.data.code == 0) {
      Toast.success(res.data.message)
      // 硬盘存储token
      localStorage.setItem('mytoken', res.data.token)
      // 跳转首页
      location.href = './index.html'
    } else {
      Toast.info(res.data.message)
    }
  })
})


